#{extends 'main.html' /}

#{set 'moreStyles'}
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/index-layout.scss'}">
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/slider.css'}">
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/brand.scss'}">
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/stylesheets/newarrivals.scss'}">
#{/set}

<div class="section-hot">
	<div class="slider">
		#{index/slider items:slides /}
	</div>
	<div class="news">
		#{index/news /}
	</div>
</div>
	<div class="brands">
		#{index/brands items:brands /}
	</div>
<div>
	<div class="newArrivals">
		#{index/newArrivals items:newArraivals /}
	</div>
	<div class="hots">
		#{index/hots items:hots /}
	</div>
</div>